/* ========== */
/* = BANNER = */
/* ========== */
.banner .swiper-pagination{ bottom:17.5%; text-align:left; padding-left:18.5%;} 


/* ========== */
/* = HOT-BOX = */
/* ========== */
.hot-box{ margin-top: 40px;}
.hot-box .hot{ float: left; width:38%; line-height: 52px; font-size: 12px; color: #333333;}
.hot-box .hot span{ font-weight:bold;}
.hot-box .hot a{ margin-right: 15px; color: #333333;}
.hot-box .hot a:hover{ color: #2b65bc;}
.hot-box .search{ float: right; width: 58%; position: relative; padding-right: 170px;}
.hot-box .search .in{ width: 100%; height:52px;line-height:24px; padding:14px 15px 14px 62px; background: url(../images/ico_search.png) no-repeat left #f6f8fb; border: none; font-size: 12px; color: #333333;}
.hot-box .search .bt{ position: absolute; right:0; top:0; width: 160px; height: 52px; line-height: 52px; background: #2b65bc; color: #FFFFFF; font-weight: bold; letter-spacing: 2px;}


/* ========== */
/* = HOME= */
/* ========== */
.home-tit{ padding-bottom: 30px; text-align: center; border-bottom: 1px solid #e5e5e5; position: relative;}
.home-tit span{ display: block; letter-spacing: 8px; font-size: 26px; color: #333333; font-weight: bold;}
.home-tit p{ margin-top: 12px; color: #333333; letter-spacing: 3px;}
.home-tit:after{ content: ""; position: absolute; bottom:-1px; margin-left: -17px; left:50%; width: 34px; height: 4px; background: #d32020;}


/* ========== */
/* = HOME-PRODUCT = */
/* ========== */
.home-product{ margin-top: 95px;}
.home-product .content{ padding-bottom: 95px; background: #f6f8fb;}
.home-product .slick-nav .slick-slide{ height:145px; text-align: center; cursor: pointer;}
.home-product .slick-nav .slick-slide div{ height: 130px; padding-top:5px; position: relative; }
.home-product .slick-nav .slick-slide p{ margin-top:5px; font-weight: bold; color: #333332;}
.home-product .slick-nav .slick-slide div:before{ display:none; content: ""; position: absolute; bottom: -30px; left:50%; margin-left: -13px; width: 0px; height: 0px; border-style: solid dashed dashed dashed; border-color: #2b65bc transparent transparent transparent; border-width: 15px;}
.home-product .slick-nav .slick-current div{ background: #2b65bc;}
.home-product .slick-nav .slick-current div:before{ display: block;}
.home-product .slick-nav .slick-current p{ color: #FFFFFF;}
.home-product .line{ margin-top: -15px; padding-top: 60px; border-top: 1px solid #e5e5e5;}
.home-product-list{ margin: 0 -15px;}
.home-product-list li{ float: left; width:33.333333%; padding: 0 15px; text-align: center;}
.home-product-list li a{ display: block; background: #FFFFFF; -webkit-box-shadow:0 5px 25px rgba(0,0,0,.1);	box-shadow:0 5px 25px rgba(0,0,0,.1);}
.home-product-list li .img{ overflow: hidden;}
.home-product-list li p{ border-top: 1px solid #e5e5e5; padding:25px 5px;}
.home-product-list li span{  display: inline-block; line-height: 30px; height: 30px; font-size: 16px; padding-right:30px; position: relative; color: #333333;}
.home-product-list li span:after{ content: ""; position: absolute; top:50%; margin-top: -11px; right:0; width: 22px; height: 22px;  background: url(../images/ico_pro_more.png) no-repeat right;}
.home-product-list li a:hover .img img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-product-list li a:hover span{ color: #2b65bc;}
.home-product .more-div{ margin: 45px -15px 0; text-align: center; font-size: 0;}
.home-product .more{ width:33.333333%; display: inline-block; padding: 0 15px;}
.home-product .more a{ display: block; background: #2b65bc; color: #FFFFFF; height: 52px; line-height: 52px; font-size: 14px; letter-spacing:2px;}  
.home-product .more a:hover{ background: #0948a8;}  


.blue-more{ margin: 40px auto 0; display: block; width: 160px; height: 52px; line-height: 52px; background: #2b65bc; color: #FFFFFF; font-size: 12px; letter-spacing: 2px; text-align: center;} 
.blue-more:hover{ background: #114da5;}


/* ========== */
/* = HOME-VIDEO = */
/* ========== */
.home-video{ padding: 80px 0 90px;}
.home-video li{ margin-top: 50px; float:left; width: 48%; margin-right:4%; position: relative; cursor:pointer;}
.home-video li:nth-child(2n){ margin-right: 0;}
.home-video li video,
.home-video li iframe{ width: 100%;}
.home-video li .item{ position: relative; }
.home-video li .ico{ position: absolute; top:50%; left:50%; margin-top: -32px; margin-left: -32px; width: 64px; height: 64px; background:url(../images/ico_play.png);}
.home-video li .text{ position: absolute; bottom: 45px; left:0; width: 100%; text-align: center; font-size: 18px; color: #ffffff; font-weight: bold; letter-spacing: 3px; }
.home-video li.play .ico{ display: none;}
.home-video li.play .text{ display: none;}


/* ========== */
/* = HOME-CASE = */
/* ========== */
.home-case{ padding: 100px 0 72px; background-image: url(../images/home_case_bg.jpg);}
.home-case .home-tit{ border-bottom: 1px solid rgba(255,255,255,.1);}
.home-case .home-tit span{ color: #FFFFFF;}
.home-case .home-tit p{ color: #FFFFFF;}
.home-case .content{ margin-top: 45px;}
.home-case .img{ float: left; width: 55%;}
.home-case ul{ float: right; width: 39%; padding-top: 20px;}
.home-case li{ margin-bottom: 4px;}
.home-case li a{ display: block; background: #FFFFFF; color: #333333; padding:0 25px; line-height: 70px;}
.home-case li a span{ margin-right: 20px; display: inline-block; position: relative; padding-left:30px;}
.home-case li a span:before{ content: ""; position: absolute; top:50%; left:0; width: 10px; height: 3px; margin-top: -2px; background: #313131;}
.home-case li a:hover{ background: #2b65bc; color: #FFFFFF;}
.home-case li a:hover span:before{ background: #FFFFFF;}
.home-case .blue-more{ border: 1px solid #FFFFFF; color: #FFFFFF; background:rgba(255,255,255,.2);}
.home-case .blue-more:hover{ background:rgba(255,255,255,0);}

.home-case-sub{ width: 100%;background:#1b3966;}
.home-case-sub .content{ position: relative;  height: 125px; padding-left: 280px;}
.home-case-sub .content .img{ position:absolute; left:0; bottom: 0;}
.home-case-sub .content .img span{ position: absolute; bottom:65px; left: 120px; color:#FFFFFF; font-size: 24px; letter-spacing: 2px; line-height: 32px; font-weight:bold;}
.home-case-sub li{ float: left; width: 25%; position: relative;}
.home-case-sub li:before{ content: ""; position: absolute; top:50%; left:-1px; width: 3px; height: 14px; background: #bfbfbf;}
.home-case-sub li a{ display: block; height: 125px; padding-top: 22px; text-align: center; border-left: 1px dashed rgba(255,255,255,.2);background:#365b92; color:#FFFFFF;}
.home-case-sub li:nth-child(2) a{ background:#2b65bc;}
.home-case-sub li:nth-child(3) a{ background:#386dab;}
.home-case-sub li:nth-child(4) a{ background:#4d75b0;}
.home-case-sub li a span{ margin-top: 10px; display: inline-block; padding-right: 20px; background: url(../images/ico_more.png) no-repeat right;}
.home-case-sub li a:hover img{ animation: tada 1s; -webkit-animation: tada 1s;}


/* ========== */
/* = HOME-ABOUT = */
/* ========== */
.home-about{ padding-top: 115px;}
.home-about .content{ margin-top: 80px; padding-bottom: 100px; background: url(../images/home_about_bg.png) no-repeat right top; }
.home-about .img{  float: left; width: 45.5%; overflow: hidden;}
.home-about .img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-about .text{ float: right; width: 46%;}
.home-about .text .tit{ line-height: 40px; display: inline-block; padding-right: 30px; font-size: 18px; font-weight: bold; color: #333332; background:url(../images/home_about_tit.png) no-repeat right;}
.home-about .text .des{ margin-top: 25px; line-height: 30px; }
.home-about .text .blue-more{ margin: 45px 0 0;}


/* ========== */
/* = HOME-BRAND = */
/* ========== */
.home-brand{ width: 100%; height: 215px; background: url(../images/home_brand_bg.jpg) no-repeat center;}
.home-brand .content{ position: relative;}
.home-brand .tit{ position: absolute; top:45px; left:0;}
.home-brand .tit span{ display: block; font-size: 18px; line-height: 30px; font-weight: bold; letter-spacing: 2px; color:#FFFFFF;}
.home-brand .blue-more{ margin:30px 0 0; border: 1px solid #FFFFFF; color: #FFFFFF; background:rgba(255,255,255,.1);}
.home-brand .blue-more:hover{ background:rgba(255,255,255,0);}
.home-brand ul{ float: right; width: 68%; padding-top: 55px;}
.home-brand li{ float: left; padding-left: 16px; width: 25%;}
.home-brand li a{ display: block; height: 110px; padding-top: 15px; background: rgba(255,255,255,.3); color:#FFFFFF; text-align: center; -webkit-box-shadow:0 0 15px rgba(0,0,0,.3); box-shadow:0 0 15px rgba(0,0,0,.3);}
.home-brand li p{ margin-top: 10px; letter-spacing: 1px;}
.home-brand li a:hover{ background: rgba(255,255,255,.1);}
.home-brand li a:hover img{ animation: tada 1s; -webkit-animation: tada 1s;}


/* ========== */
/* = HOME-NEWS = */
/* ========== */
.home-news{ padding: 90px 0 70px; background: #f6f8fb;}
.home-news .content{ margin-top: 45px;}
.home-news .left{ float: left; width: 44%; background: #FFFFFF; padding: 35px;}
.home-news .left .box{ display: none;}
.home-news .left .box.active{ display: block;}
.home-news .left .img{ overflow: hidden;}
.home-news .left .img img{ width: 100%;}
.home-news .left .text{ margin-top: 25px; line-height: 36px; height: 36px; position: relative; padding-right: 80px;font-size: 16px; color: #262b27;}
.home-news .left .text:after{ position: absolute; right:0; top:50%; margin-top: -10px; content: ""; width: 21px; height: 21px; background: url(../images/ico_more_blue.png);}
.home-news .left .text span{ font-size: 14px; display:inline-block; margin-right: 20px; color: #333333;}
.home-news .left .box:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1);}
.home-news .left .box:hover .text{ color: #2068c9;}
.home-news .right{ float: right; width:51%;}
.home-news .right .tab a,
.home-news .right .tab span{ display: block; float: left; width: 32%; margin-right:2%; height: 40px; line-height: 38px; border: 1px solid #e7e6e6; background: #FFFFFF; color: #2068c9; text-align: center; cursor: pointer;}
.home-news .right .tab a{ margin-right: 0;}
.home-news .right .tab span.active,
.home-news .right .tab span:hover,
.home-news .right .tab a:hover{ background: #2068c9; border: 1px solid #2068c9; color: #FFFFFF;}
.home-news .right .js-tab-con{ display: none;}
.home-news .right .js-tab-con.active{ display: block;}
.home-news .right ul{ margin-top: 44px; border-top: 1px dashed #dadada;}
.home-news .right li{ margin-top: -1px; position: relative;}
.home-news .right li a{ display: block; height: 56px; line-height: 56px; border-bottom: 1px dashed #dadada; color: #262b27; padding-right: 60px; position: relative;}
.home-news .right li a:after{ content: ""; position: absolute; top:50%; right:15px; width: 7px; margin-top: -4px; height: 12px; background: url(../images/home_news_more.png);}
.home-news .right li span{ padding-left: 50px; margin-right: 20px; position: relative; display: inline-block;}
.home-news .right li span:before{ content: ""; position: absolute; top:50%; left:15px; width: 10px; height: 3px; margin-top: -2px; background: #135df1;}
.home-news .right li:hover{ z-index: 1;}
.home-news .right li:hover a{ -webkit-box-shadow:0 10px 25px rgba(0,0,0,.1); box-shadow:0 10px 25px rgba(0,0,0,.1); background:#FFFFFF; border-bottom: none;}